<!--<template>
  <div class="home2">
    <div id="box" ref="mybox">
      变身
    </div>
    <button @click="clicks($event)">点击按钮</button>
    <transition  name="fold">
      <div  v-show="true" class="example"></div>
    </transition>
  </div>
</template>
<style lang="scss">
  .home2 {
    width: 100%;
    #box {
      width: 100px;
      height: 100px;
      line-height: 100px;
      font-size: 20px;
      text-align: center;
      border: 1px solid black;
      margin: 50px;
      color: yellow;
    }
    .example {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 1px solid #000;
      background: red;
      transform: translate3d(0, 50px, 0);
    }
    .fold-enter-active, .fold-leave-active {
      transition: all .5s;
    }
    .fold-enter, .fold-leave-active {
      transform: translate3d(0, 0, 0);
    }
  }
</style>
<script>
  export default {
    name: 'home2',
    data() {
      return {}
    },
    methods: {
      init() {
        const self = this;
        this.$refs.mybox.style.color = 'red';
        setTimeout(() => {
          self.$refs.mybox.style.color = 'blue';
        }, 1000)
      },
      clicks() {
        alert(this.$refs.mybox.innerHTML)
      }
    }

  }
</script>-->

<template>
  <div class="home2_main">
    <mt-cell title="编辑资料" is-link>
      <span style="color: green"></span>
    </mt-cell>
    <mt-cell title="我的房屋" is-link>
      <span style="color: green"></span>
    </mt-cell>
    <mt-cell title="我的投票" is-link>
      <span style="color: green"></span>
    </mt-cell>
    <mt-cell title="我的发布" is-link>
      <span style="color: green"></span>
    </mt-cell>
    <mt-cell title="关于我们" is-link>
      <span style="color: green"></span>
    </mt-cell>
    <mt-cell title="意见反馈" is-link>
      <span style="color: green"></span>
    </mt-cell>
  </div>
</template>


<script>
  export default {
    name: 'Home2',
    data() {
      return {}
    },
    created() {
    },
    methods:{
    }
  }
</script>

<style lang="scss">
.home2_main{
  width: 100%;
  padding-top: 60px;
  height: 400px;
  background: ivory;
}
</style>

